Internet Explorer menu z-order problem [migrated]

Posted by robgt on Pro Webmasters See other posts from Pro Webmasters or by robgt
Published on 2012-07-09T14:57:40Z Indexed on 2012/07/09 15:25 UTC
Read the original article Hit count: 247

I have what appears to be a z-order problem with Internet Explorer 9. It might be in other IE versions also, but not tested. I have to assume so.

This page: http://www.modelhelicopters.co.uk/partsfinder/trex500esp/frames

If you hover over the "All pages for this model" menu item on the parts finder menu bar (below the currency selector) - it should drop down a list of all the parts finder pages for the selected model helicopter.

If you view the same page in IE or Chrome etc, you will see how it should appear.

In IE9, the menu gets cut off at the top of the main exploded view image - suggesting the z-order is wrong.

I have tried amending this with a jquery snippet but it didn't fix IE9. I know the code was inserted by jquery as shown by firebug in firefox.

$j('div.std img[src*="/partsfinder/img"]').attr("style","position:relative;z-index:-100;");

I really do not know why this is not working.

© Pro Webmasters or respective owner

Related posts about jQuery

Related posts about magento